<!-- 我的经办案件 -->
<template>
	<view>
		
		<cu-custom bgColor="bg-gradual-blue" bgImage="https://image.weilanwl.com/color2.0/plugin/qpct2148.jpg" :isBack="true">
			<block slot="backText">我的</block>
			<block slot="content">我的经办案件</block>
		</cu-custom>
		
		<scroll-view scroll-x class="bg-blue nav text-center">
			<view class="cu-item" :class="0==TabCur?'text-white cur':''" @tap="tabSelect" data-id="0">
				<!-- <text class="cuIcon-camerafill"></text> -->
				筑房通
			</view>
			<view class="cu-item" :class="1==TabCur?'text-white cur':''" @tap="tabSelect" data-id="1">
				筑房贷
			</view>
			<view class="cu-item" :class="2==TabCur?'text-white cur':''" @tap="tabSelect" data-id="2">
				筑房租
			</view>
		</scroll-view>		
				
		<zftong v-if="TabCur==0"></zftong>
		
	</view>
</template>

<script>

	import zftong from './modules/zftong.vue'
	export default {
		components: {
			zftong
		},
		data() {
			return {
				TabCur: 0,
				scrollLeft: 0
			};
		},
		methods: {
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
			}
		}
	}
</script>

<style>

</style>
